<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>公易贷流程</title>
    <link rel="stylesheet" href="./css/reset.css" />
    <link rel="stylesheet" href="./css/global.css" />
    <link rel="stylesheet" href="./css/element-ui.css" />
    <link rel="stylesheet" href="https://unpkg.com/mint-ui/lib/style.css" />
    <link rel="stylesheet" href="./css/loanKnowledgInfo.css" />
    <script src="./js/adapter.js"></script>
  </head>

  <body>
    <div id="app">
      <div class="no_data_wrap" v-if="isShowNoData">
        <img src="img/nodata.png" class="no-data-img" />
        <div class="no-data-text">您目前没有办理公易贷记录！</div>
      </div>
      <div class="bindUserInfo_wrap" wx:else>
        <div class="lists" v-for="list" :key="index">
          <div class="left">
            <div
              class="title flex-end"
              v-if="item.dirction == 'l' && item.isShow"
            >
              {{item.title}}
              <div class="floatr" data-index="{{index}}" bindtap="collapse">
                <div v-if="!item.isUp" class="iconfont iconxiangxia xia"></div>
                <img v-else class="img" src="../../images/arrowup.png" />
              </div>
            </div>
            <div v-if="item.dirction == 'l'" class="dates">
              {{item.date?item.date:''}}
            </div>
            <div v-if="item.dirction == 'l' && item.isUp" class="content">
              {{item.content}}
            </div>
          </div>
          <div class="iconBox">
            <i
              class="el-icon-success"
              v-if="item.isShow"
              style="color: red"
            ></i>
            <i class="el-icon-error" v-else style="color: #c9c9c9"></i>
            <div
              v-if="index != 9 && item.isShow"
              class="line {{item.isRed ? 'bgred':''}}"
            ></div>
          </div>
          <div class="right">
            <div class="title" v-if="item.dirction == 'r' && item.isShow">
              <text> {{item.title}}</text>
              <div
                v-if="item.content"
                class="floatr"
                data-index="{{index}}"
                bindtap="collapse"
              >
                <div v-if="!item.isUp" class="iconfont iconxiangxia xia"></div>
                <img v-else class="img" src="../../images/arrowup.png" />
              </div>
            </div>
            <div v-if="item.dirction == 'r'" class="dates">
              {{item.date?item.date:''}}
            </div>
            <div class="content" v-if="item.dirction == 'r' && item.isUp">
              {{item.content}}
            </div>
          </div>
        </div>
      </div>
    </div>
    <script src="./plugins/vue.min.js"></script>
    <script src="./plugins/axios.min.js"></script>
    <!-- 引入组件库 -->
    <script src="./plugins/element-ui.min.js"></script>
    <script src="https://unpkg.com/mint-ui/lib/index.js"></script>
    <script src="./utils/baseUrl.js"></script>
    <script src="./js/loanKnowledgInfo.js"></script>
  </body>
</html>
